import axios from 'axios'
import { Message, Loading } from 'element-ui'  // 引入Element UI的提示组件

// 创建axios实例
// 注意：baseURL 不设置默认值，完全由环境变量 VUE_APP_BASE_API 提供
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

// 加载动画实例
let loadingInstance = null

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 显示加载动画
    // loadingInstance = Loading.service({
    //   lock: true,
    //   text: '加载中...',
    //   background: 'rgba(0, 0, 0, 0.7)'
    // })

    // 携带Token（从localStorage获取，实际项目建议用Vuex管理）
    const token = localStorage.getItem('token')
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`  // 按后端要求的格式携带
    }
    return config
  },
  error => {
    // 关闭加载动画
    if (loadingInstance) loadingInstance.close()
    Message.error('请求参数错误')
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 关闭加载动画
    // if (loadingInstance) loadingInstance.close()

    const res = response.data
    // 假设后端约定：code=200为成功，其他为错误
    if (res.code !== 200) {
      Message.error(res.message || '接口请求失败')
      // 如果返回401（未授权），则跳转到登录页
      if (res.code === 401) {
        localStorage.removeItem('token')
        window.location.href = '#/login'
      }
      return Promise.reject(new Error(res.message || 'Error'))
    } else {
      return res  // 返回完整响应数据(包含code, message, data, pagination)
    }
  },
  error => {
    // 关闭加载动画
    // if (loadingInstance) loadingInstance.close()
    
    // HTTP状态码错误处理
    if (error.response) {
      const { status, data } = error.response
      switch (status) {
        case 401:
          Message.error('登录已过期，请重新登录')
          localStorage.removeItem('token')
          window.location.href = '#/login'
          break
        case 403:
          Message.error('拒绝访问')
          break
        case 404:
          Message.error('请求资源不存在')
          break
        case 500:
          Message.error(data.message || '服务器内部错误')
          // Message.error('服务器内部错误')
          break
        default:
          Message.error(data.message || '接口请求失败')
      }
    } else {
      Message.error('网络错误或服务器无响应')
    }
    return Promise.reject(error)
  }
)

export default service